<template>
  <div class="page">
    <SelfAdaption width="1920" height="1080" mode="auto">
      <AutoRow class="page-view max-size" mode="column" style="overflow: hidden">
        <AutoCol class="page-header" items="center">
          <AutoRow class="header-left-box" items="center">
            <AutoCol items="center" v-if="weather">
              <img v-if="weather.code < 4" style="width: 22px;height: 22px;" src="./img/weather/qing.png" />
                <img v-else-if="weather.code < 9" style="width: 22px;height: 22px;" src="./img/weather/duoyun.png" />
                <img v-else-if="weather.code == 9" style="width: 22px;height: 22px;" src="./img/weather/yintian.png" />
                <img v-else-if="weather.code < 13" style="width: 22px;height: 22px;" src="./img/weather/zhenyu.png" />
                <img v-else-if="weather.code == 13" style="width: 22px;height: 22px;" src="./img/weather/xiaoyu.png" />
                <img v-else-if="weather.code == 14" style="width: 22px;height: 22px;" src="./img/weather/zhongyu.png" />
                <img v-else-if="weather.code < 20" style="width: 22px;height: 22px;" src="./img/weather/dayu.png" />
                <img v-else-if="weather.code == 20" style="width: 22px;height: 22px;" src="./img/weather/yujiaxue.png" />
                <img v-else-if="weather.code < 23" style="width: 22px;height: 22px;" src="./img/weather/xiaoxue.png" />
                <img v-else-if="weather.code == 23" style="width: 22px;height: 22px;" src="./img/weather/zhongxue.png" />
                <img v-else-if="weather.code < 26" style="width: 22px;height: 22px;" src="./img/weather/daxue.png" />
              <span style="margin-left: 10px;">{{ weather.text }} {{weather.temperature}}­­°C</span>
            </AutoCol>
          </AutoRow>
          <AutoRow class="header-center-box" items="center" justify="center">
            <AutoCol class="title">居家养老床位智能监护平台</AutoCol>
          </AutoRow>
          <AutoRow class="header-right-box" items="center" justify="center">
            <AutoCol class="date">{{ currentDate.Y || '--' }}年&thinsp;{{ currentDate.M || '--' }}月&thinsp;{{ currentDate.D || '--' }}日&emsp;星期{{ currentDate.W || '--' }}</AutoCol>
            <AutoCol class="h-m-s">{{ currentDate.H_I_S || '--:--:--' }}</AutoCol>
          </AutoRow>
        </AutoCol>
        <AutoCol class="page-content" size="auto">
          <AutoRow class="max-size" mode="column">
            <AutoCol class="date" size=".5 0 486px" max="700">
              <AutoRow class="max-size">
                <AutoCol class="page-left-box" size="0.4 0 320px">
                  <AutoRow class="zxdt max-size module-box" mode="column">
                    <AutoCol class="module-content1" size="auto">
                      <AutoRow class="zxdt max-size module-box" mode="column">
                        <AutoCol class="">
                          <div class="title">
                            <img style="width: 19px; height: 13px" src="./img/tip.png" />
                            <span>老人基本信息</span>
                          </div>
                        </AutoCol>
                        <AutoCol class="" size="auto" style="position:relative;">
                          <div class="info" style="position:absolute; left:0; top:50%; right:0; transform: translateY(-50%);">
                            <div><span>姓名：</span><span>李**</span></div>
                            <div><span>性别：</span><span>男</span></div>
                            <div><span>年龄：</span><span>81岁</span></div>
                            <div class="text-line-2"><span>人员类别：</span><span>经济困难的独居老人</span></div>
                          </div>
                        </AutoCol>
                      </AutoRow>
                    </AutoCol>
                    <AutoCol class="module-content2" size="auto" style="position:relative;">
                      <div class="info" style="position:absolute; left:0; top:50%; right:0; transform: translateY(-50%);">
                        <div><span>监护人：</span><span>郑*</span></div>
                        <div class="text-line-2">
                          <span>家庭住址：</span
                          ><span>嘉兴市南湖区长水路与南江 路交叉路口景湖东区8栋 104室</span>
                        </div>
                        <div><span>服务机构：</span><span>某某养老服务公司</span></div>
                      </div>
                    </AutoCol>
                  </AutoRow>
                </AutoCol>
                <AutoCol class="page-right-box" size="1 0 1496px">
                  <AutoRow class="max-size" mode="column">
                    <AutoCol size="1 0 120px" style="background: rgba(15, 92, 255, 0.1)">
                      <AutoRow class="max-size" style="justify-content: space-between">
                        <AutoCol
                          style="display: flex; flex: 1; padding-left: 37px; text-align: center"
                          items="center"
                        >
                          <img
                            src="./img/azsb.png"
                            style="width: 51px; height: 60px; margin-right: 16px"
                            alt=""
                          />
                          <div>
                            <div class="nums">
                              <span style="font-size: 36px; margin-right: 18px">
                                <AnimatedInteger :value="parseFloat(1)" thousands></AnimatedInteger>
                              </span>
                              <span style="font-size: 16px">个</span>
                            </div>
                            <div class="line">
                              <div class="blue-line"></div>
                            </div>
                            <div class="name">安装设备</div>
                          </div>
                        </AutoCol>
                        <AutoCol
                          style="display: flex; flex: 1; padding-left: 37px; text-align: center"
                          items="center"
                        >
                          <img
                            src="./img/sbbj.png"
                            style="width: 51px; height: 60px; margin-right: 16px"
                            alt=""
                          />
                          <div>
                            <div class="nums">
                              <span style="font-size: 36px; margin-right: 18px">
                                <AnimatedInteger
                                  :value="parseFloat(12)"
                                  thousands
                                ></AnimatedInteger>
                              </span>
                              <span style="font-size: 16px">个</span>
                            </div>
                            <div class="line">
                              <div class="blue-line"></div>
                            </div>
                            <div class="name">设备报警</div>
                          </div>
                        </AutoCol>
                        <AutoCol
                          style="display: flex; flex: 1; padding-left: 37px; text-align: center"
                          items="center"
                        >
                          <img
                            src="./img/hdyc.png"
                            style="width: 51px; height: 60px; margin-right: 16px"
                            alt=""
                          />
                          <div>
                            <div class="nums">
                              <span style="font-size: 36px; margin-right: 18px">
                                <AnimatedInteger
                                  :value="parseFloat(125)"
                                  thousands
                                ></AnimatedInteger>
                              </span>
                              <span style="font-size: 16px">个</span>
                            </div>
                            <div class="line">
                              <div class="blue-line"></div>
                            </div>
                            <div class="name">活动异常</div>
                          </div>
                        </AutoCol>
                        <AutoCol
                          style="display: flex; flex: 1; padding-left: 37px; text-align: center"
                          items="center"
                        >
                          <img
                            src="./img/bysmfw.png"
                            style="width: 51px; height: 60px; margin-right: 16px"
                            alt=""
                          />
                          <div>
                            <div class="nums">
                              <span style="font-size: 36px; margin-right: 18px">
                                <AnimatedInteger
                                  :value="parseFloat(1259)"
                                  thousands
                                ></AnimatedInteger>
                              </span>
                              <span style="font-size: 16px">个</span>
                            </div>
                            <div class="line">
                              <div class="blue-line"></div>
                            </div>
                            <div class="name">本月上门服务</div>
                          </div>
                        </AutoCol>
                        <AutoCol
                          style="display: flex; flex: 1; padding-left: 37px; text-align: center"
                          items="center"
                        >
                          <img
                            src="./img/ljsmfw.png"
                            style="width: 51px; height: 60px; margin-right: 16px"
                            alt=""
                          />
                          <div>
                            <div class="nums">
                              <span style="font-size: 36px; margin-right: 18px">
                                <AnimatedInteger
                                  :value="parseFloat(12598)"
                                  thousands
                                ></AnimatedInteger>
                              </span>
                              <span style="font-size: 16px">次</span>
                            </div>
                            <div class="line">
                              <div class="blue-line"></div>
                            </div>
                            <div class="name">累计上门服务</div>
                          </div>
                        </AutoCol>
                      </AutoRow>
                    </AutoCol>
                    <AutoCol size="1 0 344.5px" style="margin-top: 20px">
                      <AutoRow class="max-size">
                        <AutoCol
                          size="0.3 0 736px"
                          style="background: rgba(15, 92, 255, 0.1); margin-right: 23px"
                        >
                          <AutoRow class="jjhd max-size" mode="column">
                            <AutoCol class="">
                              <div class="title">
                                <img
                                  style="width: 19px; height: 13px; margin-right: 10px"
                                  src="./img/tip.png"
                                />
                                <span>居家活动监测</span>
                              </div>
                            </AutoCol>
                            <AutoCol
                              class=""
                              size="auto"
                              wrap="warp"
                              style="display: flex; flex-wrap: wrap"
                            >
                              <AutoRow class="max-size">
                                <AutoCol mode="column" size="auto">
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/sos-bg.png" />
                                    <div class="activity-bg">
                                      <div>SOS呼叫</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(1)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/anfang.png" />
                                    <div class="activity-bg">
                                      <div>安防报警</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(1259)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/huxi.png" />
                                    <div class="activity-bg">
                                      <div>呼吸异常</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(129)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                </AutoCol>
                                <AutoCol mode="column" size="auto">
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/xl.png" />
                                    <div class="activity-bg">
                                      <div>心率异常</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(59)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/dd.png" />
                                    <div class="activity-bg">
                                      <div>跌倒报警</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(12519)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="" style="display: flex; align-items: center; flex: 1">
                                    <img style="width: 66px; height: 60px" src="./img/hdyc2.png" />
                                    <div class="activity-bg">
                                      <div>活动异常</div>
                                      <div>
                                        <span class="num">
                                          <AnimatedInteger
                                            :value="parseFloat(1259)"
                                            thousands
                                          ></AnimatedInteger
                                        ></span>
                                        <span>次</span>
                                      </div>
                                    </div>
                                  </div>
                                </AutoCol>
                              </AutoRow>
                            </AutoCol>
                          </AutoRow>
                        </AutoCol>
                        <AutoCol size="1 0 736px" style="background: rgba(15, 92, 255, 0.1)">
                          <AutoRow class="gzcg max-size" mode="column">
                            <AutoCol class="">
                              <div class="title">
                                <img
                                  style="width: 19px; height: 13px; margin-right: 10px"
                                  src="./img/tip.png"
                                />
                                <span>改造成果照片</span>
                              </div>
                            </AutoCol>
                            <AutoCol
                              class=""
                              size="auto"
                              style="position: relative; margin-top: 14.85px"
                            >
                              <RepeatScroll
                                class="repeat-scroll"
                                style="position: absolute; inset: 0"
                              >
                                <div class="max-size list-box">
                                  <AutoRow class="list" wrap="wrap">
                                    <AutoCol class="list-item" v-for="(item, i) of [...imgs]">
                                      <div class="list-item-wrapper">
                                        <el-image
                                          class="swiper-img"
                                          :src="item.url || ' '"
                                          fit="cover"
                                          style="width: 164px; height: 120px"
                                        >
                                          <template #error>
                                            <div class="max-size">
                                              <img
                                                style="width: 164px; height: 124px"
                                                src="./img/pic.png"
                                                data-fit-scale-down
                                                alt=""
                                              />
                                            </div>
                                          </template>
                                        </el-image>
                                      </div>
                                    </AutoCol>
                                  </AutoRow>
                                </div>
                              </RepeatScroll>
                            </AutoCol>
                          </AutoRow>
                        </AutoCol>
                      </AutoRow>
                    </AutoCol>
                  </AutoRow>
                </AutoCol>
              </AutoRow>
            </AutoCol>
            <AutoCol class="bottom" size="1 0 400px" style="margin-top: 20px">
              <AutoRow class="max-size">
                <AutoCol class="page-bottom-box" size="1 0 908px">
                  <AutoRow class="max-size" mode="column">
                    <AutoCol class="" size="auto">
                      <AutoRow class="max-size" mode="column">
                        <AutoCol class="">
                          <div class="title">
                            <img style="width: 19px; height: 13px" src="./img/tip.png" />
                            <span>异常报警处理记录</span>
                          </div>
                        </AutoCol>
                        <AutoCol class="module-content" size="auto">
                          <AutoRow class="table-box max-size" mode="column">
                            <AutoCol class="table-header">
                              <AutoRow class="tr">
                                <AutoCol class="sj"></AutoCol>
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >报警时间</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >报警类型</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >处理时间</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >处理人</AutoCol
                                >
                              </AutoRow>
                            </AutoCol>
                            <AutoCol class="table-body" size="auto">
                              <RepeatScroll class="repeat-scroll">
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >SOS紧急呼叫报警</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('客服001', 1, 2) }}</AutoCol
                                  >
                                </AutoRow>
                              </RepeatScroll>
                            </AutoCol>
                          </AutoRow>
                        </AutoCol>
                      </AutoRow>
                    </AutoCol>
                  </AutoRow>
                </AutoCol>
                <AutoCol class="page-bottom-box" size="1 0 908px">
                  <AutoRow class="max-size" mode="column">
                    <AutoCol class="" size="auto">
                      <AutoRow class="max-size" mode="column">
                        <AutoCol class="">
                          <div class="title">
                            <img style="width: 19px; height: 13px" src="./img/tip.png" />
                            <span>居家需求服务记录</span>
                          </div>
                        </AutoCol>
                        <AutoCol class="module-content" size="auto">
                          <AutoRow class="table-box max-size" mode="column">
                            <AutoCol class="table-header">
                              <AutoRow class="tr">
                                <AutoCol class="sj"></AutoCol>
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >报警时间</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >服务项目</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >服务人员</AutoCol
                                >
                                <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                  >满意度</AutoCol
                                >
                              </AutoRow>
                            </AutoCol>
                            <AutoCol class="table-body" size="auto">
                              <RepeatScroll class="repeat-scroll">
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >上门送餐</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('赵某某', 1, 2) }}</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >满意</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >上门送餐</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('赵某某', 1, 2) }}</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >满意</AutoCol
                                  >
                                </AutoRow>
                                <AutoRow class="tr">
                                  <AutoCol class="sj"></AutoCol>
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >2023-09-25 10:23:14</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >上门送餐</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >{{ toPrivacy('赵某某', 1, 2) }}</AutoCol
                                  >
                                  <AutoCol class="td" size="0 0 25%" justify="center" items="center"
                                    >满意</AutoCol
                                  >
                                </AutoRow>
                              </RepeatScroll>
                            </AutoCol>
                          </AutoRow>
                        </AutoCol>
                      </AutoRow>
                    </AutoCol>
                  </AutoRow>
                </AutoCol>
              </AutoRow>
            </AutoCol>
          </AutoRow>
        </AutoCol>
      </AutoRow>
    </SelfAdaption>
  </div>
</template>

<script lang="ts" setup>
import { $http } from '@/http'

import {
  computed,
  watch,
  watchEffect,
  watchPostEffect,
  watchSyncEffect,
  onBeforeMount,
  onMounted,
  onBeforeUnmount,
  onUnmounted,
  onBeforeUpdate,
  onUpdated,
  onErrorCaptured,
  onRenderTracked,
  onRenderTriggered,
  onActivated,
  onDeactivated,
  onServerPrefetch,
  ref,
  reactive,
  readonly,
  useSlots,
  useAttrs,
  nextTick
} from 'vue'

import { timestampToDate, fromDefaultData, toPrivacy } from '@/utils'

import { useInterval, useTimeout } from '@/use'

//南湖区天气
const weather = ref(null)
$http.post('nursing/touchScreen/weather', null, { cityName: '南湖区' }).then((res) => {
  weather.value = res
})

const imgs = ref([
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc8300031'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  },
  {
    url: 'http://device-dev.launchso.com/care-api/sys/common/download?id=402880c88bcd620e018bd11ccc830003'
  }
])

const currentDate = ref({})
useInterval(() => {
  currentDate.value = timestampToDate(Date.now())
}, 1000)

onMounted(() => {})
</script>

<style lang="less" scoped>
@import './index.less';
</style>
